body,html{height: 100%;}
.container{background: transparent;height: 100%;}
.layui-col-space10{margin: 0;}
.top,.bottom,.left-side>div{
	height: 50%;
	overflow: hidden;
}
.left-side h2{height: calc(100% - 30px);font-size: 24px;}
.left-side p{height: 30px;line-height: 30px;}
.bottom{padding-top: 5px;padding-bottom: 5px;}
.top>div,.bottom>div{
	height: 100%;
	overflow: hidden;
}
.header{
	padding: 10px;
	border-bottom: 1px solid #E6E6E6;
	padding-left: 15px;
	background: #fff;
}
.show-info{ padding: 8px 8px;background: #fff;height: calc(100% - 40px);}
.userList{
	display: flex;
	justify-content: space-around;
}
.show-info h3{height: 40px;line-height: 40px;}
.userList dt{
	width: 100px;
	height: 100px;
	text-align: center;
	background: url(../img/touxiang.png) -8px -90px no-repeat;
	background-size: 200% 200%;
	position: relative;
	border: 1px solid #eee;
}
.userList:nth-of-type(2) dt{background-position: -93px -90px;}
.userList dt span{position: absolute;bottom: 0;left:0;right: 0;height: 30px;line-height: 30px;color: #fff;background: rgba(0,0,0,0.5);}
.userList dd{height: 30px;line-height: 30px;text-align: center;}
.before{background:#fc8675}
.processing{background:#4acacb}
.resolved{background: #5ab6df;}
.closed{background: #6a8abe;}
.upper{color: red;}
.lower{color: green;}

.todo_list .l-head,.inspecting_list .l-head{background: #eee;}
.todo_list .l-head,.todo_list li,.inspecting_list .l-head,.inspecting_list li{display: flex;padding: 10px;}
.todo_list li,.inspecting_list li{border-bottom: 1px solid #ccc;}
.todo_list .l-head>span,.todo_list li>span,.inspecting_list .l-head>span,.inspecting_list li>span{
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.todo_list .l-head>span:nth-of-type(1),.todo_list li>span:nth-of-type(1),.inspecting_list .l-head>span:nth-of-type(1),.inspecting_list li>span:nth-of-type(1){
	flex: 3;
}
.todo_list .l-head>span:nth-of-type(2),.todo_list li>span:nth-of-type(2){
	flex: 2;
}
.inspecting_list  em{font-style: normal;}


